<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>猫头鹰</title>
  <!-- lqpcss -->
  <link rel="stylesheet" href="../../dist/css/lqp.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
  <!-- Navbar -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <!-- Left navbar links -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="../../index3.html" class="nav-link">Home</a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="#" class="nav-link">Contact</a>
      </li>
    </ul>

    <!-- SEARCH FORM -->
    <form class="form-inline ml-3">
      <div class="input-group input-group-sm">
        <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
        <div class="input-group-append">
          <button class="btn btn-navbar" type="submit">
            <i class="fas fa-search"></i>
          </button>
        </div>
      </div>
    </form>

    <!-- Right navbar links -->
    <ul class="navbar-nav ml-auto">
      <!-- Messages Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-comments"></i>
          <span class="badge badge-danger navbar-badge">3</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Brad Diesel
                  <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">Call me whenever you can...</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  John Pierce
                  <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">I got your message bro</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Nora Silvester
                  <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">The subject goes here</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
        </div>
      </li>
      <!-- Notifications Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-bell"></i>
          <span class="badge badge-warning navbar-badge">15</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <span class="dropdown-item dropdown-header">15 Notifications</span>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-envelope mr-2"></i> 4 new messages
            <span class="float-right text-muted text-sm">3 mins</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-users mr-2"></i> 8 friend requests
            <span class="float-right text-muted text-sm">12 hours</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-file mr-2"></i> 3 new reports
            <span class="float-right text-muted text-sm">2 days</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-widget="fullscreen" href="#" role="button">
          <i class="fas fa-expand-arrows-alt"></i>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
          <i class="fas fa-th-large"></i>
        </a>
      </li>
    </ul>
  </nav>
  <!-- /.navbar -->

  <!-- 侧边栏 -->
  <aside class="main-sidebar sidebar-light-white elevation-4">
    <!-- Brand Logo -->
    <a href="index3.html" class="brand-link">
      <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
           style="opacity: .8">
      <span class="brand-text font-weight-light">logo</span>
    </a>

    <!-- Sidebar -->
    <div class="sidebar">
      <!-- Sidebar user panel (optional) -->
      <div class="user-panel mt-3 pb-3 mb-3 d-flex">
        <div class="image">
          <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
        </div>
        <div class="info">
          <a href="#" class="d-block">管理员</a>
          <span class="rounded-circle bg-info l-circle"></span><span>在线</span>
        </div>
      </div>

      <!-- SidebarSearch Form -->
      <div class="form-inline">
        <div class="input-group" data-widget="sidebar-search">
          <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
          <div class="input-group-append">
            <button class="btn btn-sidebar">
              <i class="fas fa-search fa-fw"></i>
            </button>
          </div>
        </div>
      </div>
      <div class="nav-item">

        <a href="../../index.html" class="nav-link active">
          <p>控制台<span class="badge badge-info right">6</span></p>
        </a>

      </div>
      <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
          <!--  试题管理 -->
          <li class="nav-item menu-open">
            <a href="#" class="nav-link active">
              <i class="nav-icon fas fa-tachometer-alt"></i>
              <p>
                试题管理
                <i class="right fas fa-angle-left"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="./radio.html" class="nav-link active">
                  <i class="far fa-circle nav-icon"></i>
                  <p>单选题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./multiplechoice.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>多选题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./judge.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>判断题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./completion.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>填空题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./QandA.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>问答题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./understanding.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>理解题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./other.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>其它题</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          考试管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-copy"></i>
              <p>
                考试管理
                <i class="fas fa-angle-left right"></i>
                <span class="badge badge-info right">6</span>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/test/testpaper.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>试卷管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/layout/top-nav-sidebar.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布考试</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/layout/fixed-sidebar.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>考卷管理</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          练习管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-chart-pie"></i>
              <p>
                练习管理
                <i class="right fas fa-angle-left"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/charts/chartjs.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布练习</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          证书管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-tree"></i>
              <p>
                证书管理
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/UI/general.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>添加证书</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/UI/icons.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发放记录</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/UI/buttons.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>添加模板</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/UI/sliders.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>模板管理</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          用户管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-edit"></i>
              <p>
                用户管理
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/forms/general.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>部门人员</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/forms/advanced.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>部门管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/forms/editors.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>人员分析</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          公告管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-table"></i>
              <p>
                公告管理
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/tables/simple.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布公告</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/data.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>公告管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/jsgrid.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布信息</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/jsgrid.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>信息管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/jsgrid.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布新闻</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/jsgrid.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>新闻管理</p>
                </a>
              </li>
            </ul>
          </li>
          <!--         统计分析-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-table"></i>
              <p>
                统计分析
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/tables/simple.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p> 成绩分析</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/tables/data.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>试题分析</p>
                </a>
              </li>

            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </aside>

  <div class="content-wrapper">
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><i class="fa fa-map-marker text-info pr-3 pt-2" aria-hidden="true"></i><span>位置：考试管理</span></li>
              <li class="breadcrumb-item active">考卷管理</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <section class="content">
      <div class="container-fluid">
        <!--           基本信息统计-->
        <div class="row">
          <div class="col-lg-7 col-7">
            <div class="card ">
              <div class="card-header">
                <h3 class="card-title">基本信息统计</h3>
              </div>
              <div class="card-body">
                <div class="row">
                  <div class="col-4 ">
                    <div class="small-box">
                      <div class="inner text-center l-textshadaowbox l-infoshadaowbox">
                        <h1 class="text-info  text-bold l-textshadaow">100</h1>
                        <p>试卷总数</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                      </div>
                    </div>
                  </div>
                  <div class="col-4">
                    <div class="small-box">
                      <div class="inner text-center l-textshadaowbox l-successshadaowbox">
                        <h1 class="text-success text-bold l-textshadaow">60</h1>
                        <p>手动选题考卷</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                      </div>
                    </div>
                  </div>
                  <div class="col-4">
                    <div class="small-box">
                      <div class="inner text-center l-textshadaowbox l-dangershadaowbox">
                        <h1 class="text-danger text-bold l-textshadaow">40</h1>
                        <p>随机选题考卷</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--          右边  快捷操作-->
          <div class="col-lg-5 col-5">
            <div class="card">
              <div class="card-header">
                <h1 class="card-title">快捷操作</h1>
              </div>
              <div class="card-body">
                <div class="row justify-content-around">
                  <div class="col-4 l-scale" data-toggle="modal" data-target="#modal-lg">
                    <div class="small-box">
                      <div class="inner text-center">
                        <h1><i class="fa fa-plus-square pl-1 text-info" aria-hidden="true"></i></h1>
                        <p>创建考试</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                      </div>
                    </div>
                  </div>
                  <div class="col-4 l-scale">
                    <div class="small-box">
                      <div class="inner text-center">
                        <h1><i class="fa fa-arrow-circle-up pl-1 text-warning" aria-hidden="true"></i></h1>
                        <p>导出试卷</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!--                    创建考试弹框-->
              <div class="modal fade" id="modal-lg">
                <div class="modal-dialog modal-lg">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h4 class="modal-title">新增试题</h4>
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                      </button>
                    </div>
                    <div class="modal-body">
                      <div class="row">
                        <div class="col-md-12">
                          <div class="card">
                            <div class="card-body">
                              <div class="row">
                                <div class="col-6">
                                  <div class="form-group row">
                                    <label for="inputEmail3" class="col-sm-4 col-form-label"><i
                                      class="fas fa-star text-danger pr-2"></i>试题分类：</label>
                                    <div class="col-sm-6">
                                      <select class="form-control">
                                        <option>请选择试题分类</option>
                                        <option>option 2</option>
                                        <option>option 3</option>
                                        <option>option 4</option>
                                        <option>option 5</option>
                                      </select>
                                    </div>
                                    <div class="col-sm-2">
                                      <button type="button" class="btn btn-info btn-sm float-right"><i
                                        class="fas fa-plus-circle pr-1"></i>
                                      </button>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6">
                                  <div class="form-group row">
                                    <label for="inputEmail3" class="col-sm-4 col-form-label"><i
                                      class="fas fa-star text-danger pr-2"></i>难度：</label>
                                    <div class="col-sm-8">
                                      <select class="form-control">
                                        <option>难</option>
                                        <option>option 2</option>
                                      </select>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="row">
                                <div class="col-12">
                                  <div class="form-group row">
                                    <label for="inputEmail3" class="col-sm-2 col-form-label"><i
                                      class="fas fa-star text-danger pr-2"></i>试题内容：</label>
                                    <div class="col-sm-10">
                                      <textarea class="form-control" rows="3" placeholder="Enter ..."></textarea>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="row">
                                <div class="col-12">
                                  <div class="form-group row">
                                    <label for="inputEmail3" class="col-sm-2 col-form-label"><i
                                      class="fas fa-star text-danger pr-2"></i>选项内容：</label>
                                    <div class="col-sm-10">
                                      <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="" id="A">
                                        <label class="form-check-label" for="A">
                                          A
                                        </label>
                                      </div>
                                      <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="" id="B">
                                        <label class="form-check-label" for="B">
                                          B
                                        </label>
                                      </div>
                                      <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="" id="C">
                                        <label class="form-check-label" for="C">
                                          C
                                        </label>
                                      </div>
                                      <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="" id="D">
                                        <label class="form-check-label" for="D">
                                          D
                                        </label>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="my-3"><i class="fas fa-star text-danger pr-2"></i>正确答案：<span class="ml-4">&nbsp;&nbsp;&nbsp;正确答案是被勾选到的选项</span></div>
                                </div>
                              </div>
                              <div class="row">
                                <div class="col-12">
                                  <div class="form-group row">
                                    <label for="inputEmail3" class="col-sm-2 col-form-label"><i class="fas fa-star pr-2"></i>试题解析：</label>
                                    <div class="col-sm-10">
                                      <textarea class="form-control" rows="3" placeholder="Enter ..."></textarea>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="modal-footer justify-content-between">
                      <button type="button" class="btn btn-info">保存并继续添加</button>
                      <button type="button" class="btn btn-info float-right">保存并关闭</button>
                    </div>
                  </div>
                  <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
              </div>
              <!--                    创建考试弹框e-->
            </div>
          </div>
        </div>
        <!-- 表格-->
        <div class="row">
          <div class="col-md-2">
            <div class="card card-info card-outline">
              <div class="card-header py-2 border-bottom-0">
                <div class="row">
                  <div class="col">
                    <div class="input-group input-group-sm">
                      <input type="text" class="form-control" placeholder="搜索分类">
                      <div class="input-group-append">
                        <div class="btn btn-info">
                          <i class="fas fa-search pl-2"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- ./card-header -->
              <div class="card-body px-0 pt-0">
                <table class="table table-hover">
                  <tbody>
                  <tr data-widget="expandable-table" aria-expanded="true">
                    <td>
                      <i class="fas fa-caret-right fa-fw"></i>
                      考卷分类
                    </td>
                  </tr>
                  <tr class="expandable-body">
                    <td>
                      <div class="p-0">
                        <table class="table table-hover">
                          <tbody>
                          <tr data-widget="expandable-table" aria-expanded="false">
                            <td>
                              <i class="fas fa-caret-right fa-fw"></i>
                              考卷分类
                            </td>
                          </tr>
                          <tr class="expandable-body d-none">
                            <td>
                              <div class="p-0" style="display: none;">
                                <table class="table table-hover">
                                  <tbody>
                                  <tr>
                                    <td><a href="#" class="text-black">新建单选题分类-1</a> </td>
                                  </tr>
                                  <tr>
                                    <td>新建单选题分类-2</td>
                                  </tr>
                                  <tr>
                                    <td>新建单选题分类-3</td>
                                  </tr>
                                  </tbody>
                                </table>
                              </div>
                            </td>
                          </tr>
                          <tr data-widget="expandable-table" aria-expanded="false">
                            <td>
                              <i class="fas fa-caret-right fa-fw"></i>
                              多选题分类
                            </td>
                          </tr>
                          <tr class="expandable-body d-none">
                            <td>
                              <div class="p-0" style="display: none;">
                                <table class="table table-hover">
                                  <tbody>
                                  <tr>
                                    <td>新建单选题分类-1</td>
                                  </tr>
                                  <tr>
                                    <td>新建单选题分类-2</td>
                                  </tr>
                                  <tr>
                                    <td>新建单选题分类-3</td>
                                  </tr>
                                  </tbody>
                                </table>
                              </div>
                            </td>
                          </tr>
                          </tbody>
                        </table>
                      </div>
                    </td>
                  </tr>
                  </tbody>
                </table>
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <div class="col-md-10">
            <div class="card card-info card-outline">
              <div class="card-header">
                <div class="card-tools">
                  <div class="input-group input-group-sm">
                    <input type="text" class="form-control" placeholder="Search...">
                    <div class="input-group-append">
                      <div class="btn btn-info">
                        <i class="fas fa-search"></i>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- /.card-tools -->
              </div>
              <!-- /.card-header -->
              <div class="card-body p-0">
                <div class="mailbox-controls">
                  <!-- Check all button -->
                  <button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="far fa-square"></i>
                  </button>
                  <div class="btn-group">
                    <a href="./testpaper.html"> <button type="button" class="btn btn-default btn-sm">
                      <i class="far fa-plus-square pr-1 text-info"></i>创建考试
                    </button></a>
                    <button type="button" class="btn btn-default btn-sm">
                      <i class="far fa-trash-alt pr-1 text-danger"></i>批量删除
                    </button>
                  </div>

                  <div class="float-right">
                    1-50/200
                    <div class="btn-group">
                      <button type="button" class="btn btn-default btn-sm">
                        <i class="fas fa-chevron-left"></i>
                      </button>
                      <button type="button" class="btn btn-default btn-sm">
                        <i class="fas fa-chevron-right"></i>
                      </button>
                    </div>
                    <!-- /.btn-group -->
                  </div>
                  <!-- /.float-right -->
                </div>
                <div class="table-responsive mailbox-messages">
                  <table class="table table-bordered table-hover">
                    <thead>
                    <tr>
                      <th></th>
                      <th>试卷名称</th>
                      <th>创建时间</th>
                      <th>考试时间</th>
                      <th>结束时间</th>
                      <th>状态</th>
                      <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
<!--                    <tr data-widget="expandable-table" aria-expanded="false">-->
<!--                      <td>-->
<!--                        <div class="form-check">-->
<!--                          <input type="checkbox" value="" id="check10" class="form-check-input">-->
<!--                          <label for="check10" class="form-check-label"></label>-->
<!--                        </div>-->
<!--                      </td>-->
<!--                      <td class="mailbox-star"><a href="#"><i class="fas fa-star text-warning"></i></a></td>-->
<!--                      <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>-->
<!--                      <td class="mailbox-subject"> problem...-->
<!--                      </td>-->
<!--                      <td class="mailbox-attachment">2222</td>-->
<!--                      <td class="mailbox-date">5 mins ago</td>-->
<!--                      <td>-->
<!--                        <div class="icheck-primary">-->
<!--                          <button type="button" class="btn btn-success btn-xs text-xs"><i class="fas fa-edit pr-1"></i>编辑</button>-->
<!--                          <button type="button" class="btn btn-danger btn-xs text-xs"><i class="fa fa-trash pr-1"></i>删除</button>-->
<!--                        </div>-->
<!--                      </td>-->
<!--                    </tr>-->

<!--                    <tr class="expandable-body">-->
<!--                      <td colspan="5">-->
<!--                        <p>-->
<!--                          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.-->
<!--                        </p>-->
<!--                      </td>-->
<!--                    </tr>-->
<tr data-widget="expandable-table" aria-expanded="false">
  <td>

                            <div class="form-check">
                              <input type="checkbox" value="" id="check10" class="form-check-input">
                              <label for="check10" class="form-check-label"></label>
                            </div>
                          </td>
  <td>John Doe</td>
  <td>11-7-2014</td>
  <td>Approved</td>
  <td>Bacon</td>
  <td>Approved</td>
  <td>
    <div class="text-nowrap">
                              <button type="button" class="btn btn-success btn-xs text-xs"><i class="fas fa-edit pr-1"></i>编辑</button>
                              <button type="button" class="btn btn-danger btn-xs text-xs"><i class="fa fa-trash pr-1"></i>删除</button>
                            </div>
  </td>
</tr>
<tr class="expandable-body">
  <td colspan="10 ">
    <li class="list-group-item list-group-item-success text-xs">
      <ul class="list-group list-group-horizontal">
      <li class="list-group-item bg-transparent">考试信息</li>
      <li class="list-group-item">考面总分</li>
      <li class="list-group-item">111</li>
      <li class="list-group-item">及格分数</li>
      <li class="list-group-item">111</li>
      <li class="list-group-item">考试时长</li>
      <li class="list-group-item">111</li>
        <li class="list-group-item bg-transparent">分数统计</li>
        <li class="list-group-item ">最高分数</li>
        <li class="list-group-item ">111</li>
        <li class="list-group-item ">最低分数</li>
        <li class="list-group-item ">111</li>
        <li class="list-group-item">平均分</li>
        <li class="list-group-item ">111</li>
    </ul>
    </li>
    <li class="list-group-item list-group-item-warning text-xs">
      <ul class="list-group list-group-horizontal">
        <li class="list-group-item bg-transparent">考生统计</li>
        <li class="list-group-item">考试人数</li>
        <li class="list-group-item">111</li>
        <li class="list-group-item">已考人数</li>
        <li class="list-group-item">111</li>
        <li class="list-group-item">缺考人数</li>
        <li class="list-group-item">111</li>
        <li class="list-group-item">通过人数</li>
        <li class="list-group-item">111</li>
        <li class="list-group-item">未通过人数</li>
        <li class="list-group-item">111</li>
        <li class="list-group-item">通过率</li>
        <li class="list-group-item">111%</li>
      </ul>
    </li>

  </td>
</tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <!--  底部-->
  <footer class="main-footer">
    <strong>Copyright &copy; 2014-2020 <a href="">汇邦科技有限公司</a>.</strong>All rights reserved.
  </footer>
  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
  </aside>
  <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->

<!-- jQuery -->
<script src="../../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script>
<!-- Page specific script -->
<script>
  $(function () {
    //Enable check and uncheck all functionality
    $('.checkbox-toggle').click(function () {
      var clicks = $(this).data('clicks')
      if (clicks) {
        //Uncheck all checkboxes
        $('.mailbox-messages input[type=\'checkbox\']').prop('checked', false)
        $('.checkbox-toggle .far.fa-check-square').removeClass('fa-check-square').addClass('fa-square')
      } else {
        //Check all checkboxes
        $('.mailbox-messages input[type=\'checkbox\']').prop('checked', true)
        $('.checkbox-toggle .far.fa-square').removeClass('fa-square').addClass('fa-check-square')
      }
      $(this).data('clicks', !clicks)
    })

    //Handle starring for font awesome
    $('.mailbox-star').click(function (e) {
      e.preventDefault()
      //detect type
      var $this = $(this).find('a > i')
      var fa    = $this.hasClass('fa')

      //Switch states
      if (fa) {
        $this.toggleClass('fa-star')
        $this.toggleClass('fa-star-o')
      }
    })
  })
</script>
</body>
</html>
